.directory_page {
    padding-bottom: 70px;
    padding-top: 60px;

    .header {
        max-width: 860px;
        margin: 0 auto;
        border-bottom: 1px solid #57b6d8;
    }

    .bookTitle {
        max-width: 860px;
        text-align: center;
        height: 72px;
        background-color: #bfdee9;
        line-height: 72px;
        margin: 0 auto;
        font-size: 20px;
    }

    .content {
        margin: 20px auto;
        max-width: 936px;
    }

    ul {
        list-style: none;
        text-align: center;
        max-width: 853px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        margin: 0 auto;

        .items {
            &:hover {
                cursor: pointer;
                color: #57b6d8;
            }

            height: 40px;
            line-height: 40px;
            background:#f6f6f6;
            min-width: 280px;
            border: 1px solid lavenderblush;
            margin: 5px;
            margin: 5px 2px;
            min-width: 280px;

        }
    }
}